
        /* <!-- 头部 --> */
.header{
    width: 100%;
    display: flex;
    align-items: center;
    background: #1d1d1d;
    margin-bottom: 1rem;
}
.header .left{
    width: 20%;
    text-align: center;
    padding: 5% 0%;
}
.header .left img{
    width: 100%;
}
.header .text{
    width: 60%;
    color: white;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
}

/* <!-- 内容 --> */

.content{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}
.content .left{
    width: 50%;
    font-size: 2rem;
    font-weight: bold;
    text-indent: 2rem;
}
.content .right{
    width: 50%;
    display: flex;
    justify-content: right;
    align-items: center;
    font-size: 1.6rem;
    padding-right: 2%;
}
.content .right div:nth-child(1){
    padding-right: 3%;
    color: #bababa;
}
.content .right div:nth-child(2){
    padding-top: 2%;
}
/* <!-- RankingListimg --> */

.tp{
    width: 50%;
    margin: 0 auto;
    background: url(../images/RankingList1.png) no-repeat;
    border-radius: 10px;
    padding: 3% 0% 6% 0%;
    position: relative;
    margin-bottom: 2rem;
}
.tp .toptext{
    width: 40%;
    display: flex;
    align-items: center;
    color: white;
    margin-bottom: 1.5rem;
    text-indent: 1rem;
}
.tp .toptext .one{
    font-size: 3rem;
    text-indent: 2rem;
    font-weight: bold;
}
.toptext .toprtext div:nth-child(1){
    font-weight: bold;
    font-size: 1.6rem;
    padding-top: .5rem;
}
/* <!-- 下方文字 --> */
.tp .endtext{
    width: 70%;
}
.tp .endtext .one{
    width: 100%;
    display: flex;
    color: white;
    align-items: center;
}
.tp .endtext .one div:nth-child(1){
    text-indent: 2rem;
}
.tp .endtext .one div:nth-child(2){
    text-indent: .5rem;
    font-size: 1.5rem;
}
/* <!-- 播放按钮 --> */
.tp .button{
    position: absolute;
    top: 9rem;
    right: 2rem;
}

@media screen and (max-width:840px) {
    .tp{
        width: 100%;
    }
    .tp .button {
        display: none;
    }
}
@media screen and (max-width:400px) {
    .tp{
        width: 100%;
    }
    .tp .endtext{
        display: none;
    }
}


